<template>
  <div class="bao-you">
    <div class="content">
      <div style="width: 100%;">
        <span style="font-weight: bold;font-size: 14px;">满额包邮</span>
        <span style="display: block;color: #a8a8a8;font-size: 14px;margin-top: 5px;">开启满额包邮，订单总金额超过多少可以包邮</span>
      </div>
      <div class="con-from">
        <el-form :inline="true" :rules="rules" :model="from.man" class="demo-form-inline">
          <el-form-item label="单笔订单满" prop="man">
            <el-input type="number" v-model="from.man.man" placeholder="">
              <template slot="append">元</template>
            </el-input>
            <span style="color: rgb(254, 51, 51);font-size: 12px;font-weight: bold;">如果开启满额包邮设置0为全场包邮</span>
          </el-form-item>
          <el-form-item label="否则支付邮费">
            <el-input type="number" v-model="from.man.yuan" placeholder="">
              <template slot="append">元</template>
            </el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" :rules="rules" :model="from.diqu" class="demo-form-inline">
          <el-form-item label="不参加的地区" prop="man">
            1
          </el-form-item>
          <el-button>选择地区</el-button>
          <el-button>设置不包邮地区邮费</el-button>
        </el-form>
        <el-form :inline="true" :rules="rules" :model="from.shop" class="demo-form-inline">
          <el-form-item label="不参加包邮的商品" prop="man">
            1
          </el-form-item>
          <el-button>选择商品</el-button>
        </el-form>
        <el-button @click="baocun" type="primary">保存设置</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      from: {
        man:{
          man: '',
          yuan: ''
        },
        diqu:{

        },
        shop:{

        }
      },
      rules: {
        man: [
          
        ]
      }
    }
  },
  methods: {
    baocun() {
      console.log(this.from);
    },
  }
}
</script>

<style scoped>
.bao-you {
  width: 100%;
  overflow: hidden;
}

.content {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.con-from {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
}
</style>